<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>reg_1</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			header.mui-bar .mui-icon {
				font-size: 18px;
				padding-top: 13px;
				padding-bottom: 13px;
				color: #333;
			}
			
			.mui-row {
				margin: 10px 0 20px 0;
				background-color: white;
			}
			
			li {
				list-style: none;
			}
			
			.mui-row .mui-table-view-cell a {
				color: gray;
			}
			/*.mui-row .mui-col-sm-4:nth-child(2) a{
				color: red;
			}*/
			
			.mui-row .mui-col-sm-4:first-child a {
				color: #333;
			}
			
			input[type=color],
			input[type=date],
			input[type=datetime-local],
			input[type=datetime],
			input[type=email],
			input[type=month],
			input[type=number],
			input[type=password],
			input[type=search],
			input[type=tel],
			input[type=text],
			input[type=time],
			input[type=url],
			input[type=week],
			select,
			textarea {
				height: 50px;
			}
			.mui-input-row label a {
				text-decoration: underline;
				color: #333;
			}
		</style>
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-icon mui-pull-left">注册</a>
		</header>
		<div class="mui-content">
			<div class="mui-row">
				<div class="mui-col-sm-4">
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right">
							输入手机号
						</a>
					</li>
				</div>
				<div class="mui-col-sm-4">
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right">
							输入验证码
						</a>
					</li>
				</div>
				<div class="mui-col-sm-4">
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right">
							设置密码
						</a>
					</li>
				</div>
			</div>
			<!--<form action="" method="">-->
				<div class="mui-input-row">
					<input id="phone" type="tel" class="mui-input-clear mui-input" placeholder="请输入手机号">
				</div>
				<div class="mui-content-padded">
					<button id='reg2' class="mui-btn mui-btn-block mui-btn-primary">发送验证码</button>
				</div>
				<div class="mui-input-row">
					<div class="mui-input-row mui-checkbox mui-left">
						<label>我已阅读并同意<a id="xieyi">《MeiTuan用户协议》</a></label>
					    <input name="Checkbox" type="checkbox" >
					</div>
				</div>
			<!--</form>-->

		</div> 
	</body>
	<script type="text/javascript">
		mui.init();
		document.getElementById("reg2").addEventListener('tap',function () {
			var phone = document.getElementById("phone").value;
				
			mui.openWindow({
				url:"reg2.html",
				id:"reg2.html",
				show:{
					autoShow:true,
					aniShow:'auto'
				},
				waiting:{
					autoShow:true,
					title:'正在加载...'
				}
			})
		})
	</script>
</html>